<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/comm.css"/>
		<link rel="stylesheet" type="text/css" href="css/maifang.css" />
	</head>

	<body>
		<div class="maifang">
			<header>
				<div class="container">
					<div class="col-md-3 logo">
						<a href="#"><img src="img/微信图片_20180711104841.png" /></a>
					</div>
					<div class="col-md-9">
						<ul class="row">
							<li class="col-md-1 active">
								<a href="javasrctip:;">首页</a>
							</li>
							<li class="col-md-2">
								<a href="free.html">自由竞价</a>
							</li>
							<li class="col-md-2">
								<a href="#">封顶价格</a>
							</li>
							<li class="col-md-2">
								<a href="#">普通房产</a>
							</li>
							<li class="col-md-2">
								<a href="#">个人中心</a>
							</li>
							<li class="col-md-3 row">
								<div class="search_input">
									<div class="text">
										<input type="text" name="" id="" value="" placeholder="输入" />
									</div>
									<div class="sele">

										<select name="">
											<option value="">地区</option>
										</select>
									</div>
									<div class="butt">
										<button><i class="iconfont icon-sousuo"></i></button>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="banner">
					<img src="img/banner.png" />
				</div>
			</header>
			<section>
				<div class="t_nav container">
					
					<p class="layui-breadcrumb" lay-separator=">">
					<a href="#" class="back"><i class="iconfont icon-552cc4e8ebefe"></i>首页</a>
					<a><cite>我要卖放</cite></a></p>
				</div>
				<div class="border">
					<div class="container">
						<ul>
							<li>
								<div class="row wrap">
									<div class="col-md-4">
										姓名：
									</div>
									<div class="col-md-8">
										<input type="text" name="" id="name" value="" placeholder="请正确填写姓名"/>
									</div>
								</div>
							</li>
							<li>
								<div class="row wrap">
									<div class="col-md-4">
										号码：
									</div>
									<div class="col-md-8">
										<input type="text" name="" id="numb" value=""  placeholder="请正确填写电话号码"/>
									</div>
								</div>
							</li>
							<li>
								<div class="row wrap">
									<div class="col-md-4">
										房产地址：
									</div>
									<div class="col-md-8">
										
    <div class="layui-input-block">
      <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
									</div>
								</div>
							</li>
							<li>
								<div class="row wrap">
									<div class="col-md-4">
										预期价格：
									</div>
									<div class="col-md-8">
										<input type="text" name="" id="mon" value=""  placeholder="请大概输入你需要的大概价位"/>
									</div>
								</div>
							</li>
							<li>
								<div class="row wrap">
									<div class="col-md-4">
										房产图片：
									</div>
									<div class="col-md-8">
										<!--<input type="file" name="" id="img" value="" />.-->
										
<div class="layui-upload-drag" id="test10" style="width: 70%;">
  <i class="layui-icon"></i>
  <p>点击上传，或将文件拖拽到此处</p>
</div>
									</div>
								</div>
							</li>
						</ul>
						<span class="col-md-4"></span>
						<div class="col-md-8">
							
						<button>完成</button>
						</div>
					</div>
				</div>
			</section>
			<footer>
				(c) Copyright 2018 J L B. All Rights Reserved. 
			</footer>
</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
		layui.use('upload', function(){
  var $ = layui.jquery
  ,upload = layui.upload;

  
  //拖拽上传
  upload.render({
    elem: '#test10'
    ,url: '/upload/'
    ,done: function(res){
      console.log(res)
    }
  });
  
  //多文件列表示例
  var demoListView = $('#demoList')
  ,uploadListIns = upload.render({
    elem: '#testList'
    ,url: '/upload/'
    ,accept: 'file'
    ,multiple: true
    ,auto: false
    ,bindAction: '#testListAction'
    ,choose: function(obj){   
      var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
      //读取本地文件
      obj.preview(function(index, file, result){
        var tr = $(['<tr id="upload-'+ index +'">'
          ,'<td>'+ file.name +'</td>'
          ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
          ,'<td>等待上传</td>'
          ,'<td>'
            ,'<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>'
            ,'<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>'
          ,'</td>'
        ,'</tr>'].join(''));
        
        //单个重传
        tr.find('.demo-reload').on('click', function(){
          obj.upload(index, file);
        });
        
        //删除
        tr.find('.demo-delete').on('click', function(){
          delete files[index]; //删除对应的文件
          tr.remove();
          uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
        });
        
        demoListView.append(tr);
      });
    }
    ,done: function(res, index, upload){
      if(res.code == 0){ //上传成功
        var tr = demoListView.find('tr#upload-'+ index)
        ,tds = tr.children();
        tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
        tds.eq(3).html(''); //清空操作
        return delete this.files[index]; //删除文件队列已经上传成功的文件
      }
      this.error(index, upload);
    }
    ,error: function(index, upload){
      var tr = demoListView.find('tr#upload-'+ index)
      ,tds = tr.children();
      tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
      tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
    }
  });
  
  
});
	</script>

</html>